<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="html5reset.css">
<title>会员信息</title>

<style>
body{ font-family:"微软雅黑"; margin:0; padding:0;}
#infochange header{ height:40px; text-align:center; line-height:40px; font-size:12px; background-color:#F7F6F4; color:#4D4C4A;border-bottom: 1px solid #4D4C4A;}
#infochange .inputbox{border:1px solid #949494; border-top-left-radius:10px; border-top-right-radius:10px;
border-bottom-left-radius:10px; border-bottom-right-radius:10px; width:100%; height:40px; margin-bottom:3%;}
#infochange #contents{ padding:3% 5%;}
#infochange #contents .iconArea{ text-align:center; padding:5% 0;}
#infochange #contents .iconArea .icontxt{ font-size:12px; color:#949494; margin-top:3%;}
#infochange .inputbox span,.inputbox input{ float:left;}
#infochange .inputbox .icon_s{ width:20%; border-right:1px solid #e1e1e1; margin-right:5%; text-align:center ;margin-top:5px;}
#infochange .inputbox input{ border:0; width:65%; font-size:12px; color:#949494; font-family:"微软雅黑"; outline:none; height:40px; line-height:40px; background:none;}
#infochange .btn_infochange a{ display:block; width:100%; height:40px; background-color:#FFAB00;border-top-left-radius:10px; border-top-right-radius:10px;
border-bottom-left-radius:10px; border-bottom-right-radius:10px; line-height:40px; text-align:center; font-size:12px;text-decoration:none; color:#FFF;}
#infochange .inputbox select{ height:30px; outline:none; border:0; float: left;font-size:12px; margin-top:5px; color:#949494; width: 60%;-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
        #triangle{
    margin-top: 17px;
    float: left;
    width: 0;
    height: 0;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 5.5px solid #AEAEB0;
}
</style>
</head>

<body id="infochange">
  <header><p>会员信息</p></header>
  <div id="contents">
     <div class="iconArea">
       <p class="icon_b"><img src="images/icon_b.png" width="92px"/></p>
       <p class="icontxt">你注册的信息如下</p>
     </div>
    
     <form>
      <div class="inputbox"><span class="icon_s"><img src="images/icon_s01.png" width="28px"/></span><input type="text" value="邹小姐"></div>
      <div class="inputbox"><span class="icon_s"><img src="images/icon_s02.png" width="28px"/></span><select><option>女</option><option>男</option></select><div id="triangle"></div></div>
      <div class="inputbox"><span class="icon_s"><img src="images/icon_s03.png" width="28px"/></span><input type="text" value="13500010001" ></div>
      <div class="inputbox"><span class="icon_s"><img src="images/icon_s04.png" width="28px"/></span><input type="date" value="1991-07-02" ></div>
      <div class="inputbox"><span class="icon_s"><img src="images/icon_s05.png" width="28px"/></span><input type="text" value="cathy.zhou@emiszh.com" ></div>
      <div class="inputbox"><span class="icon_s"><img src="images/icon_s05-07.png" width="28px"/></span><input type="text" value="广东珠海市香洲区清华科技园" ></div>
      <p class="btn_infochange"><a href="#">修改个人信息</a></p>
     </form>
  </div>
</body>
</html>
